#parse('/esvml/web/goods/init.vml')
#set($navbar = ['店铺首页','企业简介', '企业相册', '客户留言'])
#set($navNow = '店铺首页')
#if($clientid>0)
#set($clientinfo=$clientcache.getESADClientCache($clientid))
#set($pageTitle = "$!pdtinfo.getNAME()" + '_华履云商')
#set($goodcat=$goodcatcache.getESADClientCateCache($clientid))
#end
#if($pdtinfo.getIS_ON_SALE()=="N")
#set($pageTitle = '商品不存在或已下架_华履云商')
#set($leftdisnone = true)
#set($headerdisnone = true)
#set($navdisnone = true)
#end
#set($layout = "clientlayout.htm")
#set($pageCtrl = 'storeGoods')
#set($href = ["/j/s/${clientid}.html","/j/s/cp/${clientid}.html","/j/s/tu/${clientid}.html", "/j/s/msg/${clientid}.html"])
#set($isGoods = true)
#if($!pdtinfo.getIS_ON_SALE()!="N")
<link rel="stylesheet" type="text/css" href="./css/index.css">
	<div class="info clearfix" pdtid="$!pdtinfo.getID()" ismix="$!pdtinfo.getIS_MIXED()" type="$!pdtinfo.getGOODSTYPE()" stock="$!pdtinfo.getGOODS_NUMBER()">
		<div class="left float-l">
			<div class="preview" id="preview">
				<span class="sku-dis">SKU:$!pdtinfo.getDESCRIPTION()</span>
				<div class="big-img">
					<div>
						<p>
							<img data-echo="$!pdtinfo.getTHUMB()@776w_80q" class="big" src="/img/loading.gif" rel="$!pdtinfo.getTHUMB()">
						</p>
					</div>
				</div>
				<div class="small-img clearfix">
					<ul>
						<li class="on">
							<img data-echo="$!pdtinfo.getEsGoodsImgCache().getTHUMB()@776w_80q" src="/img/loading.gif" rel="$!pdtinfo.getEsGoodsImgCache().getTHUMB()">
						</li>
						#if($pdtinfo.getEsGoodsImgCache().getTHUMB1()!="")
						<li>
							<img data-echo="$!pdtinfo.getEsGoodsImgCache().getTHUMB1()@776w_80q" src="/img/loading.gif" rel="$!pdtinfo.getEsGoodsImgCache().getTHUMB1()">
						</li>
						#end
						#if($pdtinfo.getEsGoodsImgCache().getTHUMB2()!="")
						<li>
							<img data-echo="$!pdtinfo.getEsGoodsImgCache().getTHUMB2()@776w_80q" src="/img/loading.gif" rel="$!pdtinfo.getEsGoodsImgCache().getTHUMB2()">
						</li>
						#end
						#if($pdtinfo.getEsGoodsImgCache().getTHUMB3()!="")
						<li>
							<img data-echo="$!pdtinfo.getEsGoodsImgCache().getTHUMB3()@776w_80q" src="/img/loading.gif" rel="$!pdtinfo.getEsGoodsImgCache().getTHUMB3()">
						</li>
						#end
						#if($pdtinfo.getEsGoodsImgCache().getTHUMB4()!="")
						<li>
							<img data-echo="$!pdtinfo.getEsGoodsImgCache().getTHUMB4()@776w_80q" src="/img/loading.gif" rel="$!pdtinfo.getEsGoodsImgCache().getTHUMB4()">
						</li>
						#end
					</ul>
				</div><!-- small-img -->
			</div><!-- preview -->
			<div class="flags clearfix">
				#if($getutil.getBoolean($pdtinfo.getIS_BEST()))
					<i class="icon icon-jingp"></i><!-- 精品 -->
				#end
				#if($getutil.getBoolean($pdtinfo.getIS_NEW()))
					<i class="icon icon-xingp"></i><!-- 新品 -->
				#end
				#if($getutil.getBoolean($pdtinfo.getIS_RECOMMEND()))
					<i class="icon icon-tuijian"></i><!-- 推荐 -->
				#end
				#if($getutil.getBoolean($pdtinfo.getIS_HOT()))
					<i class="icon icon-rexiao"></i><!-- 热销 -->
				#end
			</div>
			<div class="bottom">
				<a class="collect" collect="goods" href="">
					<i class="icon icon-star"></i>
					<span class="text">收藏</span>
				</a>
				<p class="share">
					<i class="icon icon-shares"></i>
					分享
				</p>
			</div>
		</div><!-- left -->
		<div class="right float-r">
			<div class="title" style="color:$!pdtinfo.getTITLE_COLOR()">
				<i class="icon icon-dinghuo"></i>
				$!pdtinfo.getNAME()

			</div>
			<div class="top">
				<div class="price">
					<div class="block clearfix">
						<div class="row clearfix">
							<p class="title">价格</p>
							#set ($jar=$getutil.getjsonarray())
							#foreach($price in $!pdtinfo.getEsGoodsPriceCaches())
							#set ($jor=$getutil.getjson())
							#set ($jor=$jor.put("qty",$price.getQTY()))
							#set ($jor=$jor.put("price",$!price.getPRICE()))
							#if($!inprodate)
								#set ($jor=$jor.put("pro_price",$!price.getPROMOTE_PRICE()))
							#end
							#set ($jar=$jar.put($jor))
								<p class="tp">
									<i>￥</i>
									$!price.getPRICE()
								</p>
							#end
						</div>
						<div class="row clearfix" data=$jar>
							#set($prcsize=$!pdtinfo.getEsGoodsPriceCaches().size())
							<p class="title">订货量</p>
							<p class="to">
							#if($prcsize==1)
								≥$!pdtinfo.getEsGoodsPriceCaches().get(0).getQTY() 双
								#else
								$!pdtinfo.getEsGoodsPriceCaches().get(0).getQTY()-$!pdtinfo.getEsGoodsPriceCaches().get(1).getQTY() 双
							#end
							</p>
						#if($prcsize>1)
							<p class="to">
								#if($prcsize==2)
									>$!pdtinfo.getEsGoodsPriceCaches().get(1).getQTY() 双
								#elseif($prcsize==3)
									#set($qty2=$!pdtinfo.getEsGoodsPriceCaches().get(1).getQTY() + 1)
									$!{qty2}-$!pdtinfo.getEsGoodsPriceCaches().get(2).getQTY() 双
									#end
								</p>
						#end
						#if($prcsize==3)
							<p class="to">
								>$!pdtinfo.getEsGoodsPriceCaches().get(2).getQTY() 双
							</p>
						#end
						</div>
					</div>	
				</div><!-- price -->
				<div class="sku">
					<div class="block clearfix">
						<span class="title float-l">货号</span>
						<span class="num float-l">$!pdtinfo.getDESCRIPTION()</span>
					</div>
				</div>
				<div class="stock">
					<div class="block clearfix">
						<span class="title float-l">总库存</span>
						<span class="num float-l">$!pdtinfo.getGOODS_NUMBER()</span>
					</div>
				</div>
				<div class="supply">
					<div class="block clearfix">
						<span class="title float-l">
							#if($!pdtinfo.getGOODSTYPE()==2)
							现货
							#elseif($!pdtinfo.getGOODSTYPE()==1)
							期货
							#end
						</span>
						<span class="num float-l">
							#if($pdtinfo.getDELIVERY_DATE())
							$!date.format('yyyy-MM-dd',$date.toDate("yyyyMMdd","$pdtinfo.getDELIVERY_DATE()",$convert.toLocale("zh"))) 发货
							#end
						</span>
					</div>
				</div>
				<div class="transport">
					<div class="block clearfix">
						<span class="title float-l">运送方式</span>
						<span class="num float-l">请与卖家联系</span>
					</div>
				</div>
				<div class="remarks">
					<div class="block clearfix">
						<span class="title float-l">备注</span>
						<span class="num float-l">$!pdtinfo.getSELLER_NOTE()</span>
					</div>
				</div>
			</div><!-- top -->

			#set($cols=$stringutil.split($pdtinfo.getCLRS(),"|"))
			<div class="sku-list color clearfix" data="$!pdtinfo.getCLRS()" selectdata="$!pdtinfo.getSPECVALUE()">
				<div class="title">颜色</div>
				<div class="list clearfix">
					#foreach($color in $cols)
						<a href="javascript:void(0);" color="$!color">
							<button class="color">$color</button>
							<i class="icon icon-sku"></i>
						</a>
					#end
				</div>
			</div><!-- sku-list -->
			
			#set($sizes=$stringutil.split($pdtinfo.getSIZES(),"|"))
			<div class="sku-list size clearfix" data="$!pdtinfo.getSIZES()">
				<div class="title">尺码</div>
				<div class="list" >
					#foreach($size in $sizes)
					<div class="row clearfix ng-hide" size-row="$size" ng-if="!size.dis" ng-show="!size.dis">
						<p class="f">$size</p>
						<p><i ng-bind="size.uPrice"></i>元</p>
						<p ng-bind="size.qty>0?size.qty+'双可售':'缺货'" ng-class="{dis:size.qty==0}" class="qty"></p>
						<p class="l">
							<i class="sub" ng-click="count(0)" ng-class="{dis: size.num==0}"><em></em></i>
							<i class="add" ng-click="count(1)" ng-class="{dis: size.num==size.qty}">+</i>
							<input type="tel" ng-model="size.num" max-length="5">
						</p>
					</div>
					#end
				</div>
				<span class="tar ng-hide" ng-show="norms.sizeRowLen>3" ng-if="norms.sizeRowLen>3">更多</span>
			</div><!-- sku-list -->
			
			#if(false)
<!--===================以下暂时不要==========================-->
			<div class="order-num clearfix" data=$jar>
				<div class="title">订购信息</div>
				<div class="list clearfix">
					<div class="left">
						<div class="sel-line ng-hide" ng-show="norms.num" ng-style="seline"></div>
						<table>
							<tr>
								<th>起定量($!pdtinfo.getUNIT())</th>
								
								#if($!inprodate)
								<th>原价(￥)</th>
								<th>促销价(￥)</th>
								#else
								<th>价格(￥)</th>
								#end
							</tr>
							<tr>
								<td ng-bind="norms.pLen>1?norms.price[0].qty+'-'+norms.price[1].qty:'≥'+norms.price[0].qty"></td>

								#if($!inprodate)
								<td class="old"><del ng-bind="norms.price[0].price"></del></td>
								<td ng-bind="norms.price[0]['pro_price']"></td>
								#else
								<td ng-bind="norms.price[0].price"></td>
								#end	
							</tr>
							<tr>
								<td ng-bind="norms.pLen>2?(norms.price[1].qty+1)+'-'+norms.price[2].qty:norms.pLen>1?'>'+norms.price[1].qty:''"></td>
								#if($!inprodate)
								<td class="old"><del ng-bind="norms.pLen>1?norms.price[1].price:''"></del></td>
								<td ng-bind="norms.pLen>1?norms.price[1]['pro_price']:''"></td>
								#else
								<td ng-bind="norms.pLen>1?norms.price[1].price:''"></td>
								#end

							</tr>
							<tr>
								<td ng-bind="norms.pLen==3?'>'+norms.price[2].qty:''"></td>
								#if($!inprodate)
								<td class="old"><del ng-bind="norms.pLen==3?norms.price[2].price:''"></del></td>
								<td ng-bind="norms.pLen==3?norms.price[2]['pro_price']:''"></td>
								#else
								<td ng-bind="norms.pLen==3?norms.price[2].price:''"></td>
								#end

							</tr>
						</table><!-- table -->
					</div><!-- left -->
					<div class="right">
						<table>
							<tr>
								<th class="num">库存</th>
								<th>数量</th>
							</tr>
							<tr class="height">
								<td class="num" ng-bind="norms.stock"></td>
								<td>
									<input type="tel" class="num" ng-model="norms.num" ng-change="numCheck()">
									<span class="add" ng-click="numAct('add')"></span>
									<span class="sub" ng-click="numAct('sub')"></span>
								</td>
							</tr>
						</table>
					</div>
				</div><!-- list -->
			</div><!-- order-num -->
<!--===================以上暂时不要==========================-->
			#end

			<div class="total-price clearfix">
				<div class="title">总价</div>
				<div class="num">
					<span class="price" ng-bind="'￥' + norms.totPrice"></span>
					<span>共 <i ng-bind="norms.totNum"></i> 双</span>
					<span ng-bind="norms.isMix=='1'?'(支持混批)':'(不支持混批)'"></span>
				</div>
				<div class="my-cart">
					<i class="icon icon-order"></i>
					采购详情
				</div>
				<div class="detail">
					<table>
						<tr>
							<th>颜色</th>
							<th>尺寸</th>
							<th>数量</th>
							<th>单价</th>
							<th>总价</th>
							<th>操作</th>
						</tr>
						<tr class="tips ng-hide" ng-show="norms.totNum==0"><td>这里空荡荡的赶快去采购</td></tr>
					</table>
					<div class="w-top ng-hide clearfix" ng-repeat="(key, color) in norms.SKUtot track by $index" ng-show="color.totNum>0" ng-if="color.totNum>0">
						<div ng-bind="key" class="key"></div>
						<ul class="size">
							<li ng-repeat="(key, size) in color.size" class="clearfix ng-hide" ng-show="size.num>0" ng-if="size.num>0">
								<p ng-bind="key"></p>
								<p ng-bind="size.num"></p>
								<p ng-bind="size.uPrice"></p>
								<p ng-bind="size.uPrice*size.num"></p>
								<p class="act" ng-click="size.num='0'">删除</p>
							</li>
						</ul><!-- size -->
					</div>
				</div><!-- detail -->
			</div><!-- total-price -->
			<div class="btns">
				<button class="buy" ng-click="goPay()">立即购买</button>
				<button class="add-cart" ng-click="addCart()">加入进货单</button>
			</div>
		</div><!-- right -->
	</div><!-- info -->
	<div class="explain clearfix">
		<div class="block">
			<div class="title">支付说明</div>
			<div class="words">
				<span><i class="icon icon-unionPay"></i>网银支付</span>
				<span><i class="icon icon-alipay"></i>支付宝</span>
				<span><i class="icon icon-wechat"></i>微信</div></span>
			<i></i>
		</div>
		<div class="block">
			<div class="title">交易支持</div>
			<div class="words">混批<i class="icon icon-tips tooltip" title="混批是指单个颜色中所有尺码可以随意选择"></i></div>
			<i></i>
		</div>
		<div class="block">
			<div class="title">实力保障服务</div>
			<div class="words">
				<span><i class="icon icon-mai"></i>买家保障</span>
				<span><i class="icon icon-fa"></i>买家保障</span>
				<span><i class="icon icon-zhi"></i>买家保障</span>
				<span><i class="icon icon-huan"></i>买家保障</span>
			</div><!-- words -->
		</div><!-- block -->
	</div><!-- explain -->
	<div class="bottom clearfix">
		<div class="right float-r">
			<div class="tabs clearfix">
				<div class="tab active">
					商品详情
					<i class="border"></i>
				</div>
				<div class="tab">
					交易记录 
					<i></i>
					<i class="border"></i>
				</div>
				<p class="price clearfix">
					<span class="price">&yen;$!pdtinfo.getEsGoodsPriceCaches()[0].getPRICE()</span>
					<span>起定量: </span><span class="num" ng-bind="norms.price[0].qty"></span>
				</p>
			</div>
			<div class="show-area">
				<div class="loading ng-hide" ng-show="loading">
					<img src="/img/loading.gif" alt="">
				</div>
				<div class="tab-block tab-block-1">
					<div class="top clearfix">
						<p>
							<label class="float-l">名称</label><i class="float-r">$!pdtinfo.getNAME()</i>
						</p>
						<p>
							<label class="float-l">颜色</label><i class="float-r">$!pdtinfo.getCLRS()</i>
						</p>
						<p>
							<label class="float-l">尺寸</label><i class="float-r">$!pdtinfo.getSIZES()</i>
						</p>
						#foreach( $attr in $!pdtinfo.getEsGoodsAttrCaches())
						<p>
							<label class="float-l">$attr.getNAME()</label><i class="float-r">$attr.getVALUE()</i>
						</p>
						#end
					</div>
					<div class="main">
						$!pdtinfo.getDESCRIPTION2()
					</div>
				</div><!-- tab-block-1 -->
				<div class="tab-block tab-block-3">
				</div><!-- tab-block-3 -->
			</div><!-- show-area -->
		</div><!-- right -->
	</div><!-- bottom -->
<script type="text/javascript">
	#set($jspath = [__uri('./js/responsive.js')])
</script>
#else
	<div class="no-goods">
		<img src="/img/no-goods.png" alt="">
		<a href="/" target="_self">回到首页</a>
	</div>
#end
